    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
        <script src="/Public/js/jquery.min.js"></script> 
        <script src="/Public/js/bootstrap.min.js"></script> 

        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css">
        <style type="text/css">
         body{
            background-color: #f4f4f4;
        }
        
        .media{
           background-color: white;
           height: 98px;
        }
        .media-left,.media-body{
            padding: 17px 0 29px 14px;
        }
         .media-left-text{
            width: 45px;
            height: 45px;
            border-radius: 50%;
            border: 1px solid gray;
            /*background-color: yellow;*/
            background-image: url({$job['headimgurl']});
            background-size: 100% 100%;

            text-align: center;
            line-height: 50px;
            /*margin: 10px 0 0 5px;*/
            font-weight: bolder;
            margin-top: 5px;
        }
        .media-name{
            font-size: 16px;
            color: #505960;
        }
        .time{
            font-size: 12px;
            color: #cacfd2;
            margin: 5px 0;
        }
        .reward-job{
            font-weight: bolder;
            margin: 15px 0 0 5px;
            float: left;
        }
         .reward-money{
            position: absolute;
            top: 0;
            right: 0;
            font-weight: bolder;
            margin: 17px 15px 0 0;

            /*float: right;*/
            color: #f67865;
        }
        .reward-money-big{
            float: right;
            font-size: 17px;
            margin-left: 7px;

        }
        .reward-money-small{
            float: left;

        }
        .reward-money img{
            padding-right: 4px;
             width: 22px;
             height: 22px;
        }
        .collect{
            text-align: right;
            font-size: 14px;
            color: #cacfd2;
            padding: 0 2px 2px 0;

        }

        .recommend img{
            width: 16px;
            height: 13px;
        }
        .recommend-spread,.recommend-apply{
            display: inline-block;
            color: #cacfd2;
            font-size: 12px;
        }
        .job{
            background-color: white;
            margin-top: 5px;
            padding: 10px;
        }
        .job-title{
            padding: 0 0 0 18px;
            color: #34d098;
            font-size: 15px;
        }
        .job-describe-btn div{
            display: inline-block;
            background-color: white;
            margin:5px 10px 5px 0;
            border:1px solid #DADEE1;
            padding: 3px 7px;
            border-radius: 2px; 
        }
        .job-list{
            margin: 5px 0 0 18px;
            /*padding-bottom: 15px;*/
            font-size: 14px;
            color: #505960;

        }
        .empty{
            height: 72px;
        }
        .media-job{
            width: 100%;
            height: 60px;
            background-color: white;
            border-bottom: 1px solid #f4f4f4;
            border-top: 1px solid #e2e6ea; 
        }
        .reward-job{
            margin: 10px 16px 10px 22px;
            float: left;
        }
        .reward-job img{
            width: 38px;
            height: 34px;
        }
        .reward-job-name{
            padding: 8px 0 0 16px;
            float: right;
            color:#505960;
        }
        .media-reward-money{
            color: #cacfd2;
            float: right;
            margin: 18px 22px 0 0;
        }
        .job-ask{
            height: 64px;
            color: #505960;
            text-align: center;
            font-size: 12px;
            background-color: white;
        }
        .job-ask img{
            width: 24px;
            height: 14px;
        }
        .job-ask .list{
            display: inline-block;
        }
        .edu{
            margin: 10px 60px 0 0;
            padding-bottom: 10px;
        }
        .type{
            margin: 10px 0 0 70px;
            padding-bottom: 10px;
        }
        .list div{
            padding-top:10px;
        }
        .show-more{
            float: right;
            color: #34d098;
            margin:10px 10px 0 0; 
        }
        .share-content{
            position: fixed;
            top: 0;
            z-index: 3000;
            width: 100%;
            min-height: 100%;
            overflow: hidden;
            background-color: #fff;
            background: rgba(0,0,0,0.8);
            background-image: url("/Public/img/分享切图.svg");
            background-size: 100% 100%;
        }
        #complete-userInfo
        {
                margin-top: 40%;
        }
        .dialog-title{
            text-align: center;
            font-size: 20px;
            padding: 10px 0;
            background-color: #11beb8;
            width: 100%;
            color: white;
        }
        .dialog-content{
           padding: 50px 10px 30px 10px;
           font-size: 15px; 
        }
        .dialog-btn{
                width: 70%;
                height: 40px;
                margin: 20px auto;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
                line-height: 40px;
                text-align: center;
        }
        .set-close{
            z-index: 99;
            position: absolute;
            top: -8px;
            right: -8px;
            height: 28px;
            width: 28px;
            padding: 0;
            color: #11beb8;
            font-size: 12px;
            text-align: center;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #11beb8;
            border-radius: 999px;
        }
        .set-close img{
            margin:0;
            padding:0;
            width: 100%;
            height: 100%;
        }

        </style>
    </head>
    <body>
        <div class="media">
            <div class="media-left">
                <img class="media-left-text" src="{$user['headimgurl']}">
                
            </div>
            <div class="media-body">
                <div class="media-name">
                    {$user['name']}
                </div>
                <div class="time">
                    {$job['cTime']|date='H:i',###}
                </div>

                <!-- <div class="reward-job">财务总监</div> -->
                 <div class="recommend">
                    <div class="recommend-spread">
                    <img src="/Public/img/扩散次数.svg">
                    {$job['share']}次扩散</div>
                    <div class="recommend-apply">
                    <img src="/Public/img/推荐次数.svg">
                    {$job['apply']}次申请
                    </div>
                </div>
                 
                <div class="reward-money">
                    <div class="collect">
                        <img class="reward-icon" src="/Public/img/收藏.svg">收藏</div>
                    <div class="reward-money-small">
                        <img class="reward-icon" src="/Public/img/赏金.svg"></div>
                    <div class="reward-money-big">{$job['rewardMoney']}</div>
                </div>
            </div>
        </div>
        <div class="media-job">
            <div class="reward-job">
                <img src="/Public/img/find.svg">        
                <div class="reward-job-name">{$job['jobName']}</div>
            </div>
            <div class="media-reward-money">{$job['payScope']}</div>
        </div>
        <div class="job-ask">
            <div class="list edu">
                <img src="/Public/img/学历.svg">            
                <div>{$job['eduAsk']}</div>
            </div>
            <div class="list exp">
                <img src="/Public/img/经验.svg">            
                <div>{$job['experienceAsk']}</div>
            </div>
            <div class="list type">
                <img src="/Public/img/就职类型.svg">            
                <div>{$job['jobType']}</div>
            </div>

        </div>

        <div class="recommend-content">
            <div class="company job">
                <div class=" job-title company-title">企业名称</div>
                <div class="job-list">{$job['company']}</div>
            </div>

            <div class="place job">
                <div class=" job-title">工作地点</div>
                <div class="job-list">{$job['jobPlace']}</div>
            </div>

            <div class="job">
                <div class="job-title">
                    职位描述
                </div> 
                <div class="job-describe-btn job-list">
                    {$job['jobDuty']}
                    <!-- 
                    <div>财务总管</div>
                    <div>EMBA</div>
                    <div>直接汇报CEO</div>
                    <div>理财系统培训</div> 
                -->
                </div>
            </div>

            
            <div class="job">
                <div class="job-title">
                    招募人数
                </div> 
                <div class="job-list">
                    <div>{$job['needNum']}</div>
                </div>
            </div>

            <div class="job">
                <div class="job-title">
                    公司简介
                </div> 
                 <div class="job-list">
                     <div>{$job['companyDetail']}</div>
                     <!-- <div class="show-more">
                         显示更多
                         <img src="img/"></div> -->
                 </div>
            </div>
            
             <div class="empty">
               
            </div>

             <div class="share-content" style="display:none">
            </div>
        </div>

          <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn " data-navbar = "index">
                    <img src="/Public/img/我要推荐.svg">
                    <div>我要推荐</div>
                </div>
                <div class="container-btn" data-navbar = "usePeople">
                    <img src="/Public/img/我要用人.svg">
                    <div>我要用人</div>
                </div>
                <div class="container-btn" data-navbar = "user">
                    <img src="/Public/img/个人中心.svg">
                    <div>个人中心</div>
                </div>
            </div>
        </nav>
    <if condition="$user['phoneNum'] neq ''">
        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="complete-userInfo">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">请先完善你的个人资料</div>
                    <div class="dialog-content">
                        只有先完善自己的个人资料才能查看对方的信息
                        <a href="/addon/JianCai/JianCai/userInfo.html">
                            <div class="dialog-btn">去完善＝＝》</div>
                        </a>
                    </div>
                </div>
                <div class="set-close">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>

        </div>
    </if>
            
    </body>
    <script type="text/javascript">
         
         
        $(".commend-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/recommend.html";
        })

         $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })
        $(".spread-btn").on("click",function(){
            $(".share-content").show();
        })
        $(".share-content").on("click",function(){
            $(".share-content").hide();
        })
        $(".media-left-text").on("click",function(){
            // $("#complete-userInfo").modal('show');
            window.location.href = "/addon/JianCai/JianCai/userMessage.html";
        })
        $(".set-close").on("click",function(){
             $("#complete-userInfo").modal('hide');
        })

    </script>
    </html>